<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:body>
        <ui:composition template="./template.xhtml">
            <ui:define name="content">
                <script type="text/javascript" src="_js/index.js"></script>
                <script type="text/javascript" src="_js/carrinho.js"></script>
                <div class="panel panel-default" id="bloco_default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Destaques</h3>
                    </div>
                    <div class="panel-body">
                        <table>
                            <tr id="jogobox"></tr>
                        </table>
                    </div>
                </div>
                <div class="panel panel-primary" id="bloco_carrinho" style="margin-top: -335px;">
                    <div class="panel-heading">Meu carrinho</div>
                    <div class="panel-body">
                        <div id="carrinho"></div>
                    </div>
                </div>
                <div class="panel panel-default" id="bloco_categorias">
                    <div class="panel-heading">Plataformas</div>
                    <div class="panel-body">
                        <ul class="nav nav-list" id="plataformabox"></ul>
                    </div>
                </div>
                <div class="panel panel-default" id="bloco_categorias">
                    <div class="panel-heading">Categorias</div>
                    <div class="panel-body">
                        <ul class="nav nav-list" id="categoriabox"></ul>
                    </div>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>